<template>
	<div class="duration">
		<el-table :data="tableData" style="width: 100%">
			<el-table-column prop="id" label="编号" align="center"></el-table-column>
			<el-table-column prop="parkName" label="停车场名称" align="center"></el-table-column>
			<el-table-column prop="mobilePhone" label="联系人电话" align="center"></el-table-column>
			<el-table-column prop="totalTime" label="总时长" align="center"></el-table-column>
			<el-table-column prop="usingTime" label="已用时长" align="center"></el-table-column>
			<el-table-column prop="remainingTime" label="剩余时长" align="center"></el-table-column>
			<el-table-column prop="buyCost" label="充值费用" align="center"></el-table-column>
		</el-table>
	</div>
</template>

<script>
	import axios from 'axios'
	import qs from 'qs'

	export default {
		name: 'duration',
		data(){
			return {
				tableData: [],
				searchData: {},
			}
		},
		mounted(){
			this.getTableData();
		},
		methods: {
			getTableData(){
				var token = sessionStorage.getItem("token");
				var userId = sessionStorage.getItem("userId");
				this.searchData.token = token;
				this.searchData.userId = userId;
				axios({
					method: 'post',
					url: 'api/sPlatRechargeRecord/selectByManage',
					data: qs.stringify(this.searchData) 
				}).then((res) => {
					this.tableData = res.data.data.list;
				})
			}
		}
	}
</script>

<style scoped>
	




</style>